<template>
  <div class="container">
    <div class="flinks">
      <strong>友情链接</strong>
      <ul class="xoxo blogroll">
        <li v-for="youlian in youlianList">
          <a :href="youlian.url" :title="youlian.description" target="_blank">{{ youlian.title }}</a>
        </li>
      </ul>
    </div>
    <div class="fcode">
      {{ icp }}
    </div>
    <p>
      © 2018 <a href="http://whoismy8023@163.com">SPPan</a> 版权所有
    </p>
  </div>
</template>

<script>
  import {getList} from "../api/youlian"
  import {getOptionsIcp} from "../api/options";

  export default {
    name: "my-footer",
    data() {
      return {
        youlianList: [],
        icp: {}
      }
    },
    methods: {
      getYoulianList() {
        getList().then(res => {
          this.youlianList = res.data
        })
      },
      getIcp() {
        getOptionsIcp().then(res => {
          this.icp = res.data
        })
      }
    }, created() {
      this.getYoulianList()
      this.getIcp()
    }
  }
</script>

<style scoped>

</style>
